.studentCard-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.studentCard {
    width: 280px;
    border: 2px outset #333; /* 将边框改为虚线，颜色为深灰色 */
    margin: 20px 0 20px 0;
    padding: 20px;
    background-color: #66ccff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); /* 添加阴影效果 */
    color: #fff; /* 字体颜色为白色 */
    font-size: 16px; /* 字体大小为 16 像素 */
    transition: all 0.3s ease; /* 添加过渡效果，使样式变化更平滑 */
    border-radius: 10px; /* 添加圆角效果，半径为 10px */
    display: inline-block;
}

.studentCard:hover {
    transform: scale(1.05); /* 鼠标悬停时放大 1.05 倍 */
    box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.5); /* 鼠标悬停时阴影效果增强 */
}
